<!DOCTYPE html>
<html lang="zh-CN" ng-app="index">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Edit Scope baseline</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">

    <!--import base angular framework library and dependency lib-->
    <script src="js/base/angular.js"></script>
    <script src="js/base/angular-route.min.js"></script>
    <script src="js/base/ui-bootstrap-tpls-1.0.3.js"></script>
    <script src="js/base/angular-animate.js"></script>
    <script src="js/base/angular-sanitize.js"></script>

    <!--import user defined js file-->
    <script src="js/app/index.js"></script>
    <script src="js/controller/env_controller.js"></script>
    <script src="js/controller/scopebaseline_controller.js"></script>
    <script src="js/controller/index_controller.js"></script>
    <script src="js/service/service.js"></script>

</head>

<body>
    <!-- 顶部导航条-->

    <nav class="navbar navbar-default" >
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">

                <a class="navbar-brand" href="#">Scopebaseline Tookit</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">     <span class="glyphicon glyphicon-search"></span></button>
                </form>
                <ul class="nav navbar-nav navbar-right">

                    <li>
                        <a href="#" data-toggle="modal" data-target="#ops_record">操作记录 <span class="glyphicon glyphicon-time"></span></a>
                    </li>

                    <div class="modal fade" id="ops_record" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel"><h3>操作记录</h3></h4>
                                </div>
                                <div class="modal-body">

                                    <div >
                                        <div class="row">

                                            <div class="col-md-12">
                                                <h4><strong>操作时间:</strong></h4>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12">
                                                <div name="dive" style="border: 1px deepskyblue solid"></div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <br>
                                            <div class="col-md-6">操作人: </div>
                                            <div class="col-md-6">操作记录ID: </div>
                                            <br>
                                        </div>
                                        <div class="row">
                                            <br>
                                            <div class="col-md-6">操作记录: </div>
                                            <div class="col-md-6">所属的scopebaselineID : </div>
                                            <br>
                                        </div>
                                        <br>
                                    </div>

                                    <div>
                                        <div class="row">

                                            <div class="col-md-12">
                                                <h4><strong>操作时间:</strong></h4>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12">
                                                <div name="dive" style="border: 1px deepskyblue solid"></div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <br>
                                            <div class="col-md-6">操作人: </div>
                                            <div class="col-md-6">操作记录ID: </div>
                                            <br>
                                        </div>
                                        <div class="row">
                                            <br>
                                            <div class="col-md-6">操作记录: </div>
                                            <div class="col-md-6">所属的scopebaselineID : </div>
                                            <br>
                                        </div>
                                        <br>
                                    </div>

                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                    <button type="button" class="btn btn-primary">确定</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">Separated link</a></li>
                        </ul>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>


    <div class="container-fluid">
        <div class="row">
            <div class="col-md-2">
                <ul id="main-nav" class="nav nav-tabs nav-stacked">
                    <li>
                        <a href="#/envs/" class="nav-header collapsed" data-toggle="collapse">
                            <i class="glyphicon glyphicon-folder-open"></i>
                            {{navbar_infos.g_env_mgm}}
                        </a>
                    </li>
                    <li>
                        <a href="#/scopeline_insts">
                            <i class="glyphicon glyphicon-credit-card"></i>
                            {{navbar_infos.g_scope_inst}}
                        </a>
                    </li>
                    <li>
                        <a href="#/scopeline_specs">
                            <i class="glyphicon glyphicon-credit-card"></i>
                            {{navbar_infos.g_scope_spec}}
                        </a>
                    </li>
                    <li>
                        <a href="#/components_pool_mgm">
                            <i class="glyphicon glyphicon-credit-card"></i>
                            {{navbar_infos.g_components_pool_mgm}}
                        </a>
                    </li>
                    <li>
                        <a href="#/">
                            <i class="glyphicon glyphicon-globe"></i>
                            {{navbar_infos.g_deploy_plan}}
                            <span class="label label-warning pull-right">5</span>
                        </a>
                    </li>
                    <li>
                        <a href="#/charts">
                            <i class="glyphicon glyphicon-calendar"></i>
                            {{navbar_infos.g_charts_analysis}}
                        </a>
                    </li>
                    <li>
                        <a href="#/about">
                            <i class="glyphicon glyphicon-fire"></i>
                            {{navbar_infos.g_about}}
                        </a>
                    </li>
                </ul>
            </div>

            <div class="col-md-10">

                <div id="breadcrumb">
                    <ol class="breadcrumb">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">123</a></li>
                        <li class="active">123</li>
                    </ol>
                </div>

                <!--<alert ng-repeat="alert in alerts" type="alert.type" close="alert.close()">-->
                    <!--<span data-ng-bind-html="alert.msg"></span>-->
                <!--</alert>-->

                <!--<route-loading-indicator class="text-center"></route-loading-indicator>-->
<<<<<<< HEAD
=======
                <!--<loader>-->
                    <!--working-->
                <!--</loader>-->
                <!--<div class="loading" loader>-->
                    <!--<span class="xz"><img src="imgs/loading.png"/></span>-->
                    <!--<p>working...</p>-->
                <!--</div>-->

                <!--<div id="loaderDiv" class="loading" loader>-->
                    <!--&lt;!&ndash;<img src="src/assets/img/ajax_loader.gif" class="ajax-loader"/>&ndash;&gt;-->
                    <!--<span class="xz"><img src="imgs/loading.png" class="ajax-loader"/></span>-->
                    <!--&lt;!&ndash;<p>working...</p>&ndash;&gt;-->
                <!--</div>-->
>>>>>>> 4a5e42d8deb0c93c02fa79ca392e21d8569e9c41

                <div id="main_content" ng-view></div>

            </div>
        </div>
    </div>

</body>
</html>

